<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>堆糖</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<!--头部-->
<header>
    <nav class="navbar navbar-expand-lg navbar-light ">
    <div class="container">
        <a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <div id="dt-nav">
                        <div id="dt-nav-btn" class="fl">
                            分类 <img src="img/jiantou.png" alt="">
                        </div>
                        <div id="dt-nav-content" class="clr">
                        <div id="dt-nav-top">
                            <div class="dt-nav-group">
                                <a class="dt-nav-hot-link" href="">
                                    热门推荐<i></i>
                                </a>
                                <a class="dt-nav-new-link" href="">
                                    良品购<i></i>
                                </a>
                            </div>
                        </div>
                        <div id="dt-nav-bottom">
                            <div class="dt-nav-group">
                                <a href="">家居生活</a>
                                <a href="">美食菜谱</a>
                                <a href="">手工DIY</a>
                                <a href="">时尚搭配</a>
                                <a href="">美妆造型</a>
                                <a href="">婚纱婚礼</a>
                                <a href="">文字句子</a>
                                <a href="">插画绘画</a>
                                <a href="">影音书籍</a>
                                <a href="">人物明星</a>
                                <a href="">植物多肉</a>
                                <a href="">生活百科</a>
                                <a href="">搞笑萌宠</a>
                                <a href="">人文艺术</a>
                                <a href="">设计</a>
                                <a href="">古风</a>
                                <a href="">壁纸</a>
                                <a href="">旅行</a>
                                <a href="">头像</a>
                                <a href="">摄影</a>
                            </div>
                        </div>
        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#"></a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link ">
                        <div class="input-group flex-nowrap input1">
                            <input type="text" class="form-control" placeholder="搜索感兴趣的内容" aria-label="Username" aria-describedby="addon-wrapping">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="addon-wrapping"><img src="img/sousuo.png" alt=""></span>
                            </div>
                        </div>
                    </a>

                </li>
            </ul>
            <form class="form-inline my-2 my-lg-0">
                <button class="btn  btn-outline-light my-2 my-sm-0 mr-5" type="submit">堆糖生活家</button>
                <button class="btn btn-outline-light my-2 my-sm-0" type="submit">注册/登录</button>
            </form>
        </div>
    </div>
    </nav>
</header>
<!--中间-->
<section class="mb-5">
    <!--中间第一部分-->
    <div class="nvsheng mb-4 mt-4">
        <div class="container">
            <img src="img/tu1.jpg" alt="">
        </div>
    </div>
    <!--中间第二部分-->
    <div class="shehui mb-4">
       <div class="container">
          <div class="row no-gutters">
              <div class="col-md-9 col-12">
                  <div class="lunbo">
                      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                          <ol class="carousel-indicators">
                              <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                              <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                              <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                          </ol>
                          <div class="carousel-inner">
                              <div class="carousel-item active">
                                  <img src="img/banner.png" class="d-block w-100" alt="...">
                              </div>
                              <div class="carousel-item">
                                  <img src="img/banner.png" class="d-block w-100" alt="...">
                              </div>
                              <div class="carousel-item">
                                  <img src="img/banner.png" class="d-block w-100" alt="...">
                              </div>
                          </div>
                          <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                              <span class="sr-only">Previous</span>
                          </a>
                          <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                              <span class="carousel-control-next-icon" aria-hidden="true"></span>
                              <span class="sr-only">Next</span>
                          </a>
                      </div>
                  </div>
              </div>
              <div class="col-md-3 col-12">
                  <div class="rd">
                      <div class="rd-1">
                          <div class="sq">
                              <h4>社会热点</h4>
                          </div>
                          <div class="list mb-3">
                              <div class="list-1">
                                  <a href="">欧美风</a>
                              </div>
                              <div class="list-1">
                                  <a href="">美甲</a>
                              </div>
                              <div class="list-1">
                                  <a href="">东宫</a>
                              </div>
                              <div class="list-1">
                                  <a href="">张云雷</a>
                              </div>
                              <div class="list-1">
                                  <a href="">插画</a>
                              </div>
                              <div class="list-1">
                                  <a href="">女生节</a>
                              </div>
                              <div class="list-1">
                                  <a href="">阿丽塔</a>
                              </div>
                              <div class="list-1">
                                  <a href="">猫</a>
                              </div>
                          </div>
                          <div class="jx mb-3">
                            <div class="zm">
                                <div class="input-group mb-2">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">精选</span>
                                    </div>
                                    <input type="text" class="form-control" placeholder="招募·少女感养成....." aria-label="Username" aria-describedby="basic-addon1">
                                </div>
                            </div>
                              <div class="dt">
                                  <div class="input-group mb-2">
                                      <div class="input-group-prepend">
                                          <span class="input-group-text">工具</span>
                                      </div>
                                      <input type="text" class="form-control" placeholder="堆糖收图小助手" aria-label="Username" aria-describedby="basic-addon1">
                                  </div>
                              </div>
                          </div>
                          <div class="liji">
                              <div class="img-1">
                                  <img src="img/liji.png" alt="">
                              </div>
                              <div class="mh">
                                <p>
                                    堆糖-美好生活研究所
                                </p>
                                  <p>
                                      最佳生活类应用
                                  </p>
                                  <a href="">立即下载</a>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
       </div>
    </div>
    <!--中间第三部分-->
    <div class="lb">
       <div class="container">
           <div class="row">
                  <div class="col-md-9 col-12">
                      <div class="left">
                          <div class="list-2">
                             <button><img src="img/fense.png" alt="">每日精选</button>
                              <button>关注动态</button>
                          </div>
                          <div class="wz mb-4">
                              <!--第一部分-->
                              <div class="nr mb-4">
                                  <div class="nr-1">
                                        <div class="tw">
                                             <div class="left-1">
                                                 <img src="img/xiaotubiao.png" alt="">
                                             </div>
                                             <div class="right">
                                                 <p>堆糖小喇叭</p>
                                                 <span>热门内容</span>
                                             </div>
                                        </div>
                                      <div class="py">
                                          <p class="p1">
                                              留下壁纸，我们就是朋友!
                                          </p>
                                          <img src="img/pengyou.png" alt="">
                                      </div>
                                    </div>
                                  <div class="gd">
                                      <div class="row">
                                          <div onclick="zan()" class="col-md-4  col-4 x">
                                              <img src="img/44.png" alt="">
                                              <a id="zan0">140</a>
                                          </div>
                                          <div onclick="zan1()" class="col-md-4  col-4 x">
                                              <img src="img/43.png" alt="">
                                              <a id="sc0">219</a>
                                          </div>
                                          <div class="col-md-4 col-4 c">
                                              <img src="img/42.png" alt="">
                                              更多
                                          </div>
                                      </div>
                                  </div>
                              </div>

                              <!--第二部分-->
                              <div class="color1 mb-4">
                                  <div class="nr">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/color.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>coloroom彩条屋</p>
                                                  <span>热门内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  让观众苦等十年的《夏目友人账》，到底是什么？
                                              </p>
                                              <img src="img/40.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan1" href="">1288</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">1581</a>
                                              </div>
                                              <div class="col-md-4 col-4 c">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第三部分-->
                            <div class="ms mb-4">
                                <div class="nr">
                                    <div class="nr-1">
                                        <div class="tw">
                                            <div class="left-1">
                                                <img src="img/xiaomiao.png" alt="">
                                            </div>
                                            <div class="right">
                                                <p>美少女PINK酱</p>
                                                <span>热门内容</span>
                                            </div>
                                        </div>
                                        <div class="py">
                                            <p class="p1">
                                                9.9包邮的宿舍神器，好用死了！连查寝室老师都给我要链接！
                                            </p>
                                            <img src="img/meishaonv.png" alt="">
                                        </div>
                                    </div>
                                    <div class="gd">
                                        <div class="row">
                                            <div onclick="zan()" class="col-md-4 col-4 x">
                                                <img src="img/44.png" alt=""><a id="zan2" href="">161</a>
                                            </div>
                                            <div class="col-md-4 col-4 x">
                                                <img src="img/43.png" alt="">
                                                <a href="">765</a>
                                            </div>
                                            <div class="col-md-4 col-4 ">
                                                <img src="img/42.png" alt="">
                                                更多
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--第四部分-->
                              <div class="lh mb-4">
                                  <div class="nr">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/luhan.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>-你是我全世界喜欢的猪</p>
                                                  <span>热门内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                 有哪些适合摘抄的 文艺且悲凉的句子？
                                              </p>
                                              <img src="img/wenzi.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan3" href="">82</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">274</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第四部分-->
                              <div class="gcm mb-4">
                                  <div class="nr">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/gancunmian.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>干脆面炼金术士</p>
                                                  <span>热门内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  人生的意义，在于一天比一天活得快乐
                                              </p>
                                              <img src="img/gcm.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan4" href="">54</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">104</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第五部分-->
                              <div class="zt">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/xiaotubiao.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>堆糖小喇叭</p>
                                                  <span>主题-我曾为你动过情</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  我曾为你动过情
                                              </p>
                                              <img src="img/qing.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan5" href="">300</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">665</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第六部分-->
                              <div class="deng">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/luhan.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>-你是我全世界上最喜欢的猪-</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  登山79所高校学生借阅排行榜的九本书
                                              </p>
                                              <img src="img/paihangbang.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan6" href="">59</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">151</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第七部分-->
                              <div class="qx">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/qx.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>情写风月</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  799风景内测美化包
                                              </p>
                                              <img src="img/fengyue.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan7" href="">35</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">22</a>
                                              </div>
                                              <div class="col-md-4  col-4">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第八部分-->
                              <div class="shen">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/shen.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>审</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  火影你的粉丝是谁 留名我去截头像！
                                              </p>
                                              <img src="img/shaoman.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan8" href="">9</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">1</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第九部分-->
                              <div class="pink">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/xiaotubiao.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>美少女PINK酱</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  初春外套美炸天！！第一件闺蜜追着我要链接！
                                              </p>
                                              <img src="img/pink.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan9" href="">57</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">216</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第十部分-->
                              <div class="gy">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/gy.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>少女感养成学院</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  同桌的你
                                              </p>
                                              <img src="img/ganyang.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan10" href="">89</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">106</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第十一部分-->
                              <div class="cp">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/xiaotubiao.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>堆糖小喇叭</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  我的CP真香！
                                              </p>
                                              <img src="img/cp.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan11" href="">91</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">107</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第十二部分-->
                              <div class="br">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/br.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>白日做梦大熊</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  当女生太太太太不容易了
                                              </p>
                                              <img src="img/bairi.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan12" href="">78</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">76</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第十三部分-->
                              <div class="aq">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/luhan.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>-你是我全世界最喜欢的猪-</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                 有哪些好看 值得回味的爱情电影？
                                              </p>
                                              <img src="img/aq.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan13" href="">80</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">293</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第十四部分-->
                              <div class="bs">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/class.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>堆糖Class小助手</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  伴随一生的【少女感】，拥有它一点也不难
                                              </p>
                                              <img src="img/zhushou.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan14" href="">34</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">41</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第十五部分-->
                              <div class="fln">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/fln.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>飞乐鸟</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                 女生千万别看这些言情小说......不然会被里面的沙雕桥段给
                                              </p>
                                              <img src="img/feileniao.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan15" href="">68</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">63</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第十六部分-->
                              <div class="sc">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/xiaotubiao.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>美少女PINK酱</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  7个私藏的小众APP，实用又有bigger，用过三款算我输！
                                              </p>
                                              <img src="img/sicang.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan16" href="">139</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">461</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第十七部分-->
                              <div class="zg">
                                  <div class="nr mb-4">
                                      <div class="nr-1">
                                          <div class="tw">
                                              <div class="left-1">
                                                  <img src="img/luhan.png" alt="">
                                              </div>
                                              <div class="right">
                                                  <p>-你是我全世界最喜欢的猪-</p>
                                                  <span>热点内容</span>
                                              </div>
                                          </div>
                                          <div class="py">
                                              <p class="p1">
                                                  中国最全的拔玄，击玄类乐器合集 种类十分多 涨姿势了
                                              </p>
                                              <img src="img/xuan.png" alt="">
                                          </div>
                                      </div>
                                      <div class="gd">
                                          <div class="row">
                                              <div onclick="zan()" class="col-md-4 col-4 x">
                                                  <img src="img/44.png" alt=""><a id="zan17" href="">42</a>
                                              </div>
                                              <div class="col-md-4 col-4 x">
                                                  <img src="img/43.png" alt="">
                                                  <a href="">71</a>
                                              </div>
                                              <div class="col-md-4 col-4 ">
                                                  <img src="img/42.png" alt="">
                                                  更多
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!--第十八部分-->
                              <div class="ck">
                                  <a href="">查看更多<img src="img/fenjiantou.png"/></a>
                              </div>




                          </div>
                      </div>
                  </div>
               <div class="col-md-3 col-12">
                  <div class="tj mb-4">
                      <div class="gx">
                          <span>推荐关注</span>
                          <span>换一批</span>
                      </div>
                      <div class="care">
                          <div class="yi mb-4">
                               <div class="img1">
                                   <img src="img/yi.png " alt="">

                               </div>
                                <div class="sy">
                                    <p>
                                        一望损莓台
                                    </p>
                                    <span>擅长领域：手工，园艺</span>
                                </div>
                                <div class="a1">
                                    <a href="">关注</a>
                                </div>
                            </div>

                          <div class="yi mb-4">
                              <div class="img1">
                                  <img src="img/maotouying.png " alt="">

                              </div>
                              <div class="sy">
                                  <p>
                                      猫头鹰叔叔
                                  </p>
                                  <span>擅长领域：摄影</span>
                              </div>
                              <div class="a1">
                                  <a href="">关注</a>
                              </div>
                          </div>

                          <div class="yi mb-4">
                              <div class="img1">
                                  <img src="img/tuzhiyu.png " alt="">

                              </div>
                              <div class="sy">
                                  <p>
                                      兔子鱼
                                  </p>
                                  <span>擅长领域：摄影</span>
                              </div>
                              <div class="a1">
                                  <a href="">关注</a>
                              </div>
                          </div>

                          <div class="yi mb-4">
                              <div class="img1">
                                  <img src="img/xiaoxiongnai.png " alt="">

                              </div>
                              <div class="sy">
                                  <p>
                                      小熊奶黄包
                                  </p>
                                  <span>擅长领域：壁纸，Q版</span>
                              </div>
                              <div class="a1">
                                  <a href="">关注</a>
                              </div>
                          </div>

                      </div>

                      <div class="ck-1">
                          <a href="">查看更多<img src="img/jt.png"/></a>
                      </div>
                  </div>

                   <div class="img-3">
                       <img src="img/xiazai.png" alt="">
                   </div>
               </div>
                </div>

           </div>
       </div>
</section>
<!--底部-->
<footer class="mb-5">
    <div class="container">
        <div class="app mb-5">
            <div class="row">
                <div class="col-md-3 xian">
                    <h4>APP下载</h4>
                    <img src="img/erweima.png" alt="">
                    <p>扫描二维码</p>
                    <p>下载堆糖手机客户端</p>
                </div>
                <div class="col-md-3">
                    <ul>
                        <h4>关于我们</h4>
                        <li><a href="">关于我们</a></li>
                        <li><a href="">加入我们</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">商务合作</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul>
                        <h4>关注我们</h4>
                        <li><a href="">新浪微博</a></li>
                        <li><a href="">微信公众号</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul>
                        <h4>友情链接</h4>
                        <li class="li-1"><a href="">爱物网</a><a href="">东方女性网</a></li>
                        <li class="li-2"><a href="">肉丁网</a><a href="">更多..</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="sh mb-5">
           <div class="row">
               <div class="col-12">
                   <p>
                       ©2019 duitang.com 版权所有。沪ICP备10038086号-3 <img src="img/footer-1.png" alt=""><img src="img/footer-2.png" alt="">|增值电信业务经营许可证：沪B2-20180610自营经营者信息<br/>
                       <img src="img/footer-3.png" alt="">上海市互联网违法和不良信息举报中心 有害内容举报电话：021-63462282
                   </p>
               </div>
           </div>
        </div>
    </div>
</footer>
<div id="toTop">
    ↑
</div>












<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/js.js"></script>
</body>
</html>